<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>二手拍卖平台</title>
		<link rel="stylesheet" type="text/css" href="/static/home/css/index.css"/>
		<script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
	</head>
	<body>
		<!--头部导航栏-->
		
			<nav class="navbar lg change" id="mainNav">
				<div class="container">
				<div class="collapse">
					<ul class="navbar-nav  ml-auto">
					<li><a class="navbar-brand"  href="#page-top"><img src="/static/home/logos/Second hand.png" class="mix-logo"/></a></li>
						<li><a class="nav-link" href="#services" style="font-size: 20px;">服务</a></li>
						<li><a class="nav-link" href="{:url('home/index/index')}" style="font-size:20px;">产品</a></li>
						<li><a class="nav-link" href="#about" style="font-size: 20px;">关于我们</a></li>
						<li><a class="nav-link" href="#team" style="font-size: 20px;">我们的团队</a></li>
						
					</ul>
				</div>
				</div>
				
			</nav>
		<!--顶部-->
		<header class="masthead">
            <div class="container1">
                <div class="masthead-subheading">Welcome To second hand!</div>
                <div class="masthead-heading">It's Nice To Meet You</div>
                
            </div>
        </header>
		
		
		<section class="page" id="services">
            <div class="container">
                <div class="text-center">
                    <h2 class="heading">我们的服务</h2>
                    <h3 class="subheading">提供最方便的服务.</h3>
                </div>
                <div class="row text-center">
                    <div class="col">
                        <span class="fa-stack fa-4x">
                        	<i class="fas fa-circle fa-stack-2x text-primary"></i>
                            <i class="fas fa-shopping-cart fa-stack-1x fa-inverse"></i>
                            
                        </span>
                        <h4 class="my-3">线上支付</h4>
                        <p class="muted">我们提供最方便的线上支付，最快捷的转账方式，无论是购物还是买卖都给予你最大的便利.</p>
                    </div>
                    <div class="col">
                        <span class="fa-stack fa-4x">
                            <i class="fas fa-circle fa-stack-2x text-primary"></i>
                            <i class="fas fa-laptop fa-stack-1x fa-inverse"></i>
                        </span>
                        <h4 class="my-3">人性化设计</h4>
                        <p class="muted">我们提供最人性化的网站设计，让您更加舒适的购物，给你想要的设计.</p>
                    </div>
                    <div class="col">
                        <span class="fa-stack fa-4x">
                            <i class="fas fa-circle fa-stack-2x text-primary"></i>
                            <i class="fas fa-lock fa-stack-1x fa-inverse"></i>
                        </span>
                        <h4 class="my-3">网上安全</h4>
                        <p class="muted">我们网站提供全方位的资金安全，放心支付.</p>
                    </div>
                </div>
            </div>
        </section>
        <!--第二部分-->
        <section class="page bg" id="product">
            <div class="container">
                <div class="text-center">
                    <h2 class="heading">产品</h2>
                    <h3 class="subheading muted">多样化的产品.</h3>
                </div>
                <div class="row">
                    <div class="col  mb">
                        <div class="item">
                            <a class="product-link" data-toggle="modal" href="#portfolioModal1">
                                <div class="product-hover">
                                    <div class="product-hover-content"><i class="fas fa-plus fa-3x"></i></div>
                                </div>
                                <img class="img-fluid" src="/static/home/casual/01-thumbnail.jpg" alt="..." />
                            </a>
                            <div class="product-caption">
                                <div class="product-caption-heading">衣服</div>
                                <div class="product-caption-subheading muted">实惠的价格，优良的品质</div>
                            </div>
                        </div>
                    </div>
                    <div class="col  mb">
                        <div class="item">
                            <a class="product-link" data-toggle="modal" href="#portfolioModal2">
                                <div class="product-hover">
                                    <div class="product-hover-content"><i class="fas fa-plus fa-3x"></i></div>
                                </div>
                                <img class="img-fluid" src="/static/home/casual/02-thumbnail.jpg" alt="..." />
                            </a>
                            <div class="product-caption">
                                <div class="product-caption-heading">运动</div>
                                <div class="product-caption-subheading muted">不断探索，不断创新</div>
                            </div>
                        </div>
                    </div>
                    <div class="col mb">
                        <div class="item">
                            <a class="product-link" data-toggle="modal" href="#portfolioModal3">
                                <div class="product-hover">
                                    <div class="product-hover-content"><i class="fas fa-plus fa-3x"></i></div>
                                </div>
                                <img class="img-fluid" src="/static/home/casual/03-thumbnail.jpg" alt="..." />
                            </a>
                            <div class="product-caption">
                                <div class="product-caption-heading">工艺</div>
                                <div class="product-caption-subheading muted">能工巧匠，精益求精</div>
                            </div>
                        </div>
                    </div>
                    <div class="col mb mb-lg-0">
                        <div class="item">
                            <a class="product-link" data-toggle="modal" href="#portfolioModal4">
                                <div class="product-hover">
                                    <div class="product-hover-content"><i class="fas fa-plus fa-3x"></i></div>
                                </div>
                                <img class="img-fluid" src="/static/home/casual/04-thumbnail.jpg" alt="..." />
                            </a>
                            <div class="product-caption">
                                <div class="product-caption-heading">数码</div>
                                <div class="product-caption-subheading muted">低价享受，科技前沿</div>
                            </div>
                        </div>
                    </div>
                    <div class="col mb mb-sm-0">
                        <div class="item">
                            <a class="product-link" data-toggle="modal" href="#portfolioModal5">
                                <div class="product-hover">
                                    <div class="product-hover-content"><i class="fas fa-plus fa-3x"></i></div>
                                </div>
                                <img class="img-fluid" src="/static/home/casual/05-thumbnail.jpg" alt="..." />
                            </a>
                            <div class="product-caption">
                                <div class="product-caption-heading">日常</div>
                                <div class="product-caption-subheading muted">生活用品,应有竟有</div>
                            </div>
                        </div>
                    </div>
                    <div class="col col-sm-6">
                        <div class="item">
                            <a class="product-link" data-toggle="modal" href="#portfolioModal6">
                                <div class="product-hover">
                                    <div class="product-hover-content"><i class="fas fa-plus fa-3x"></i></div>
                                </div>
                                <img class="img-fluid" src="/static/home/casual/06-thumbnail.jpg" alt="..." />
                            </a>
                            <div class="product-caption">
                                <div class="product-caption-heading">网络</div>
                                <div class="product-caption-subheading muted">看的更大,看的更远</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
       <!-- 第三部分-->
        <section class="page" id="about">
            <div class="container">
                <div class="text-center">
                    <h2 class="heading">关于我们</h2>
                    <h3 class="subheading muted">我们致力于建设最全面的二手拍卖网站.</h3>
                </div>
                <ul class="timeline">
                    <li>
                        <div class="timeline-image"><img class="rounded-circle img-fluid" src="/static/home/img/1.jpg" alt="..." /></div>
                        <div class="timeline-panel">
                            <div class="timeline-heading">
                                <h4>2020-2021</h4>
                                <h4 class="subheading">我们网站建立</h4>
                            </div>
                            <div class="timeline-body"><p class="muted">网站建立，旨在提供优质的服务给我们的所有客户，同时秉承着顾客的感受优先的理念，不断强调提高产品的把关，以及支付网站的建设，让顾客可以更加安心的购物和买卖商品!</p></div>
                        </div>
                    </li>
                    <li class="timeline-inverted">
                        <div class="timeline-image"><img class="rounded-circle img-fluid" src="/static/home/img/2.jpg" alt="..." /></div>
                        <div class="timeline-panel">
                            <div class="timeline-heading">
                                <h4>2020 4月</h4>
                                <h4 class="subheading">一个代理处建立</h4>
                            </div>
                            <div class="timeline-body"><p class="muted">我们的第一个代理处建立，意味着我们向全世界正式运营我们的服务，要把各种各样的商品送到全世界,这是我们一新想要的，也是一致在努力的!</p></div>
                        </div>
                    </li>
                    <li>
                        <div class="timeline-image"><img class="rounded-circle img-fluid" src="/static/home/img/3.jpg" alt="..." /></div>
                        <div class="timeline-panel">
                            <div class="timeline-heading">
                                <h4>2020 12月</h4>
                                <h4 class="subheading">运输全部服务</h4>
                            </div>
                            <div class="timeline-body"><p class="muted">这一天，我们开通了全部地区的运输服务，可以做到全世界无阻碍运输，进一步解决了我们现在所面临的问题，这是一小步，也是一大步!</p></div>
                        </div>
                    </li>
                    <li class="timeline-inverted">
                        <div class="timeline-image"><img class="rounded-circle img-fluid" src="/static/home/img/4.jpg" alt="..." /></div>
                        <div class="timeline-panel">
                            <div class="timeline-heading">
                                <h4>2021 9月</h4>
                                <h4 class="subheading">两个扩张阶段</h4>
                            </div>
                            <div class="timeline-body"><p class="muted">我们的两个扩张理念：一个是平台的资源扩张，一个是平台的资金流扩张.我们要打造独一无二的平台服务，同时起到维稳资源和资金的平衡，做到首尾兼顾，不盲目的扩张，而是一步一个脚印!</p></div>
                        </div>
                    </li>
                    <li class="timeline-inverted">
                        <div class="timeline-image">
                            <h4>
                                Be Part
                                <br />
                                Of Our
                                <br />
                                Story!
                            </h4>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
        
        
        <!--第四部分-->
        <section class="page bg" id="team">
            <div class="container">
                <div class="text-center">
                    <h2 class="heading">我们的团队</h2>
                    <h3 class="subheading muted">聚集了全世界的精英.</h3>
                </div>
                <div class="row">
                    <div class="col">
                        <div class="team-member">
                            <img class="img-auto" src="/static/home/head/1.jpg" alt="..." />
                            <h4>小美</h4>
                            <p class="muted">设计人员</p>
                            
                        </div>
                    </div>
                    <div class="col">
                        <div class="team-member">
                            <img class="img-auto " src="/static/home/head/2.jpg" alt="..." />
                            <h4>小王</h4>
                            <p class="muted">市场人员</p>
                            
                        </div>
                    </div>
                    <div class="col">
                        <div class="team-member">
                            <img class="img-auto" src="/static/home/head/3.jpg" alt="..." />
                            <h4>小张</h4>
                            <p class="muted">开发人员</p>
                            
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col1 mx-auto text-center"><p class="large text-muted">这是一个精英团队,全世界的精英在此齐聚，只为了同一个理念,如果你有任何的问题可以联系我们，我们讲尽快给你解决.以最快，最安全，最人性化的方式.</p></div>
                </div>
            </div>
        </section>
        <!--注册-->
        
        <footer class="footer py-4">
            <div class="fc">
                <div class="row">
                    <div class="col text-center">
                        Copyright &copy; Your Website
                        
                    </div>
                    <div class="col mrc my">
                        <a class="btn" href="#!">联系客服</a>
                        <a class="btn" href="#!">开放平台</a>
                        <a class="btn" href="#!">法律声明</a>
                        <a class="btn" href="#!">廉政举报</a>
                    </div>
                    <div class="col text-lg-right">
                        <a class="mr" href="#!">Privacy Policy</a>
                        <a href="#!" class="mr">Terms of Use</a>
                    </div>
                </div>
            </div>
        </footer>
        
        
        <script src="/static/home/js/introduce.js"></script>
        <script src="/static/home/js/introduce2.js"></script>
        <script src="/static/home/js/introduce3.js"></script>
        <!-- <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script> -->
        <!-- Third party plugin JS-->
        <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script> -->
        <!-- Contact form JS-->
        <script src="/static/home/mail/jqBootstrapValidation.js"></script>
        <script src="/static/home/mail/contact_me.js"></script>
        <!-- Core theme JS-->
        <script src="/static/home/js/scripts.js"></script>

        <script>
            
        </script>
	</body>
</html>
